<template>
  <div class="btn">
    <div class="loginBtn" @click="loginClick">{{btnText}}</div>
  </div>
</template>

<script>
export default {
    props:['btnText'],
    methods:{
      loginClick(){
        this.$emit('loginSubmit');  
      }
    }
};
</script>

<style>
.btn {
    padding: 4.167vw 2.778vw;
}

.loginBtn {
  height: 45px;
  background-color: #ff9db5;
  color: #fff;
  /* 两种居中方式 */
  display: flex;
  justify-content: center;
  align-items: center;
  /* line-height: 45px;
    text-align: center; */
  font-size: 4.444vw;
  border-radius: 6.25vw;
}
</style>